<!-- 项目展示功能测试组件 -->
<template>
  <view class="bg-white rounded-2xl p-6 shadow-sm">
    <view class="text-[32rpx] font-bold text-gray-900 mb-4">项目展示功能测试</view>
    
    <!-- 测试按钮 -->
    <view class="space-y-4">
      <nut-button 
        type="primary" 
        size="large"
        @click="testListPage"
        class="w-full"
      >
        测试列表页面
      </nut-button>
      
      <nut-button 
        type="default" 
        size="large"
        @click="testEditPage"
        class="w-full"
      >
        测试添加页面
      </nut-button>
      
      <nut-button 
        type="default" 
        size="large"
        @click="testPreviewPage"
        class="w-full"
      >
        测试预览页面
      </nut-button>
    </view>
    
    <!-- 测试结果 -->
    <view v-if="testResult" class="mt-6 p-4 bg-gray-50 rounded-xl">
      <view class="text-[28rpx] font-medium text-gray-700 mb-2">测试结果:</view>
      <text class="text-[24rpx] text-gray-600">{{ testResult }}</text>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Taro from '@tarojs/taro'

// 响应式数据
const testResult = ref('')

/**
 * 测试列表页面
 */
const testListPage = () => {
  try {
    Taro.navigateTo({
      url: '/pages/project-show/list'
    })
    testResult.value = '成功跳转到项目展示列表页面'
  } catch (error) {
    console.error('跳转失败:', error)
    testResult.value = '跳转失败: ' + error
  }
}

/**
 * 测试添加页面
 */
const testEditPage = () => {
  try {
    Taro.navigateTo({
      url: '/pages/project-show/edit'
    })
    testResult.value = '成功跳转到项目展示添加页面'
  } catch (error) {
    console.error('跳转失败:', error)
    testResult.value = '跳转失败: ' + error
  }
}

/**
 * 测试预览页面
 */
const testPreviewPage = () => {
  try {
    Taro.navigateTo({
      url: '/pages/project-show/preview'
    })
    testResult.value = '成功跳转到项目展示预览页面'
  } catch (error) {
    console.error('跳转失败:', error)
    testResult.value = '跳转失败: ' + error
  }
}
</script>
